.vsp-components-image-editor {
    .note-text {
        color: $red;
    }
}

.image-modal-edit,
.image-modal-new {
    .vsp-components-image-editor {
        .image-format,
        .image-md5,
        .image-version {
            width: 200px;
        }
        .image-version {
            padding-left: 30px;
        }
        .section-title {
            text-transform: uppercase;
            font-size: 18px;
        }
    }
}

.vsp-components-image {
    .list-editor-view {
        margin-top: 50px;
        .manual-title {
            @extend .body-1-semibold;
        }
    }
    .list-editor-item-view-content {
        flex: 1;
        min-width: 0;
    }
    .list-editor-item-view-controller {
        padding-top: 5px;
    }
    .image-filename-cell {
        display: flex;
        .image-filename {
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
            text-overflow: ellipsis;
             span {
                @include ellipsis(100%);
            }
        }
    }
}
